<template>
  <div class="main">
    <el-row>
      <el-col :span="24">
        <div class="title">
          <div>
            <h1>欢迎使用本仓库管理系统</h1>
          </div>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="16">
        <div class="content">
          <div>
            <h2 style="margin-left:260px">本系统技术栈</h2>
            <p>采用前后端分离形式</p>
            <p>前端：vue2.0+vue-router+vuex+axios+elementUi+echarts</p>
            <p>后台：SpringBoot+Mybits+Mysql</p>
            <p>
              前端gitee地址：<a
                href="https://gitee.com/huang_minbin/vue_my_shop"
                style="text-decoration : none"
                >https://gitee.com/huang_minbin/vue_my_shop</a
              >
            </p>
            <p>
              后台gitee地址：<a
                href="https://gitee.com/huang_minbin/wms"
                style="text-decoration : none"
                >https://gitee.com/huang_minbin/wms</a
              >
            </p>
            <h2 style="margin-left:260px;margin-top:50px">本系统功能模块</h2>
            <p>登录管理：登录锁屏功能</p>
            <p>用户管理：管理系统各个管理员</p>
            <p>商品管理：商品列表及商品分类</p>
            <p>订单管理：销售订单和待销售订单</p>
            <p>客户管理：顾客管理和供应商管理</p>
            <p>数据统计：数据报表统计</p>
          </div>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="contact">
          <div>
            <h2 style="margin-left:150px">联系我们</h2>
            <p>
              <el-tooltip content="qq" placement="bottom" effect="light">
                <img
                  src="../assets/qq.png"
                  height="40"
                  width="40"
                  style="vertical-align: middle;"
                />
              </el-tooltip>
              100321955
            </p>
            <p>
              <el-tooltip content="微信" placement="bottom" effect="light">
                <img
                  src="../assets/vx.png"
                  height="40"
                  width="40"
                  style="vertical-align: middle;"
                />
              </el-tooltip>
              hmb-1999
            </p>
            <p>
              <el-tooltip content="邮箱" placement="bottom" effect="light">
                <img
                  src="../assets/email.png"
                  height="40"
                  width="40"
                  style="vertical-align: middle;"
                />
              </el-tooltip>
              bandari.huang@celnet.com.cn
            </p>
            <p>
              <el-tooltip content="电话" placement="bottom" effect="light">
                <img
                  src="../assets/mobile.png"
                  height="40"
                  width="40"
                  style="vertical-align: middle;"
                /> </el-tooltip
              ><span> 13066819169/15521439385</span>
            </p>
          </div>
        </div>
        <div class="thanks">
          <div>
            <h2 style="margin-left:100px">鸣谢</h2>
            <p>学院指导老师：刘心</p>
            <p>企业指导老师：张林</p>
            <p>博客文章：阮一峰</p>
            <p>b站u主：薄情寡义顽皮猫</p>
            <p>b站u主：coderwhy</p>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.main {
  p {
    font-size: 23px;
  }
  .title {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    h1 {
      font-size: 30px;
      height: 30px;
    }
    margin-bottom: 10px;
  }
  .content {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    height: 100%;
    flex-wrap: wrap;
  }
  .thanks {
    margin-left: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    height: 400px;
    p {
      font-size: 24px;
    }
  }
}
</style>
